import styled from "styled-components";

export const UserEventWrap = styled.div`
  .userEventTop {
    height: 35px;
    line-height: 35px;
    color: #666;
    font-size: 16px;
    line-height: 28px;
    border-bottom: 2px solid #c20c0c;
  }
  .userBbo {
    display: flex;
  }
  .userEventBigBox {
    padding: 10px 25px 0 0;
    width: 649px;
    border-right: 1px solid #d4d4d4;
    min-height: 700px;
  }
  .userEventRight {
    padding: 10px 0 0 25px;
    flex: 1;
    .taFollows {
      h3 {
        font-size: 12px;
        font-weight: 700;
        height: 23px;
        border-bottom: 1px solid #ccc;
        color: #333;
      }
      ul {
        margin: 5px 0 0 -16px;
        .followLi {
          float: left;
          width: 64px;
          height: 105px;
          margin-left: 16px;
          .followBox {
            img {
              width: 64px;
              height: 64px;
            }
            .name-p {
              margin-top: 5px;
              p {
                a {
                  display: block;
                  max-width: 45px;
                  overflow: hidden;
                  white-space: nowrap;
                  text-overflow: ellipsis;
                }
              }
            }
          }
        }
      }
    }
  }
`;
